<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<base th:href="@{/}">
<head>
    <meta charset="UTF-8">
    <title>个人注册</title>
    <link rel="stylesheet" th:href="@{/assets/css/cssreset.css}">
    <link rel="stylecut icon" th:href="@{/assets/images/Shop.ico}">
    <link rel="stylesheet" th:href="@{/assets/css/sign-up-two.css}">
    <script th:src="@{/assets/js/jquery-3.0.0.min.js}"></script>
</head>
<body>
<div class="fix">
</div>
<header>
    <div class="header">
        <h1><img src="assets/images/logo/logo.png" alt=""></h1>
        <h2>欢迎注册</h2>
        <p>已有账号？<a href="login.html">请登录></a></p>
    </div>
</header>
<main>
    <ul>
        <li class="c1"><span class="right one"></span><span class="green2 two">验证手机号</span></li>
        <li class="c2"><span class="green1 one">2</span><span class="green2 two">填写账号信息</span></li>
        <li class="c3"><span class="one">3</span><span class="two">注册成功</span></li>
    </ul>
    <form action="/user/register" method="post">
        <ul>
            <input name="phone" th:value="${phone}" readonly style="display: none">
            <li><span>用 &nbsp户 &nbsp名</span><input type="text" name="username" placeholder="您的账户名或登录名"></li>
            <p class="tip tip1"><span></span>用户名不能为空</p>
            <li><span>设 置 密 码</span><input type="password" id="pwd" name="password" placeholder="建议使用两种或两种以上字符组合" required></li>
            <p class="tip tip2"><span></span>密码不能为空</p>
            <li><span>确 认 密 码</span><input type="password" id="re-pwd" placeholder="请再次输入密码" required></li>
            <p class="tip tip3"><span></span>确认密码不能为空且必须与密码相同</p>
            <li><span>昵 &nbsp &nbsp &nbsp &nbsp称</span><input type="text" name="nickname" placeholder="请设置昵称"></li>
            <p class="tip tip4"><span></span>昵称不能为空</p>
            <li><span>职&nbsp &nbsp &nbsp &nbsp业</span><input type="text" name="job" placeholder="请输入您的职业"></li>
            <p class="tip tip5"><span></span>职业不能为空</p>
        </ul>
        <button id="register">立即注册</button>
    </form>
    <ol>
        <li><span class="people"></span>企业用户注册</li>
        <li><span class="earth"></span>海外用户注册</li>
    </ol>
</main>

<footer>
    <p><a href="#">关于我们</a><a href="#">联系我们</a><a href="#">人才招聘</a><a href="#">商家入驻</a><a href="#">广告服务</a><a
            href="#">手机迅购</a><a href="#">友情链接</a><a href="#">销售联盟</a><a href="#">迅购社区</a><a href="#">迅购公益</a><a
            href="#">English Site</a></p>
    <p>Copyright © 2004-2020 华信HX.com 版权所有</p>

</footer>

<script th:src="@{/assets/js/sign-up-two.js}"></script>

</body>
</html>